<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
@@include('./widget/title.html')
</head>
<body>
<!--_header 作为公共模版分离出去-->
@@include('./widget/header.html')
<!--/_header 作为公共模版分离出去-->

<!--_menu 作为公共模版分离出去-->
@@include('./widget/menu.html')
<!--/_menu 作为公共模版分离出去-->

<section class="Hui-article-box">
    <nav class="breadcrumb">
        <div class="breadcrumb-wrap">
            <span class="c-666 border-left">编辑资料</span>
            <a class="btn  radius r" style="line-height:1.6em;margin-top:4px;cursor:pointer;" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i><span>刷新</span></a>
            <a class="btn  radius r mr-10" style="line-height:1.6em;margin-top:4px;cursor:pointer;" href="./user-list.html" title="返回"><i class="Hui-iconfont">&#xe67d;</i><span>返回</span></a>
        </div>
    </nav>
    <div class="Hui-article">
         <article class="cl pd-20">
            <div class="mx-box">
                <div class="mx-title"><h5 class="pl-15">编辑资料</h5></div>
                <div class="mx-account-setting" style="width:50%;">
                    <div class="account-setting-box">
                        <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3 text-r font">
                             手机号/账号：
                        </div>
                        <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9">
                            <input type="text" placeholder="请填写手机号" class="input-text radius box-type" id="mobile">
                        </div>
                    </div>
                    <div class="account-setting-box">
                        <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3 text-r font">
                             真实姓名：
                        </div>
                        <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9">
                            <input type="text" placeholder="请输入真实姓名" class="input-text radius box-type" id="realName">
                        </div>
                    </div>
                    <div class="account-setting-box">
                        <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3 text-r font">
                             身份证号：
                        </div>
                        <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9">
                            <input type="text" placeholder="请输入身份证号" class="input-text radius box-type" id="idNumber">
                        </div>
                    </div>
                    <div class="account-setting-box">
                        <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3 text-r font">
                             有效期：
                        </div>
                        <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9" style="position:relative;">
                            <input type="text" placeholder="请选择有效期限" class="input-text radius box-type" id="time" readonly="readonly">
                            <i class="Hui-iconfont Hui-iconfont-shijian f-20" style="position:absolute;top: 6px;right: 160px;"></i>
                        </div>
                    </div>
                    <div class="account-setting-box">
                        <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3 text-r font">
                             借款额度：
                        </div>
                        <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9">
                            <input type="text" placeholder="请输入借款额度" class="input-text radius box-type" id="balance">
                        </div>
                    </div>
                    <div class="account-setting-box">
                        <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3 text-r font mt-10">
                             身份正反面：
                        </div>
                        <div class="idCard-box  radius mr-20 ml-15">
                            <div class="text-c" id="idcardFront">
                                <img class="mt-15" src="./images/imgno.png" style="width:100px;height:100px;" alt="">
                            </div>
                            <div class="idCard-box-bottom">
                                <span class="c-primary deleteImg" data="idcardFront">删除图片</span>
                                <span class="c-primary"  style="position:relative;">
                                    修改图片
                                    <form enctype="multipart/form-data" id="up_form1" style="position:absolute;top:0px;left:0;">
                                        <input type="file" name="file" accept="image/jpeg,image/gif,image/png"  id="file_1"  style="width:74px;height:37px;opacity: 0;">
                                    </form>
                                </span>
                            </div>
                        </div>
                        <div class="idCard-box radius">
                            <div class="text-c" id="idcardBack">
                                 <img class="mt-15" src="./images/imgno.png" style="width:100px;height:100px;" alt="">
                            </div>
                             <div class="idCard-box-bottom">
                                <span class="c-primary deleteImg" data="idcardBack">删除图片</span>
                                <span class="c-primary"  style="position:relative;">
                                    修改图片
                                    <form enctype="multipart/form-data" id="up_form2" style="position:absolute;top:0px;left:0;">
                                        <input type="file" name="file" accept="image/jpeg,image/gif,image/png"  id="file_2"  style="width:74px;height:37px;opacity: 0;">
                                    </form>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="account-setting-box">
                        <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3 text-r font">
                             头像：
                        </div>
                        <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9">
                            <button class="btn btn-primary radius" style="position:relative;">上传图片</button>
                            <form enctype="multipart/form-data" id="up_form3" style="position:absolute;top:0px;left:20px;">
                                <input type="file" name="file" accept="image/jpeg,image/gif,image/png"  id="file_3"  style="width:74px;height:32px;opacity: 0;">
                            </form>
                        </div>
                    </div>
                    <div class="account-setting-box">
                        <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3 text-r font">
                             会员启用状态：
                        </div>
                        <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9" >
                             <span class="switch switch-on" id="isVip" themeColor="#3498db"></span>
                        </div>
                    </div>
                    <div class="account-setting-box">
                        <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3 text-r font">
                             年费启用状态：
                        </div>
                        <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9" >
                             <span class="switch switch-on" id="isAnnualFee" themeColor="#3498db"></span>
                        </div>
                    </div>
                    <div class="account-setting-box">
                        <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3 text-r font">
                             账户启用状态：
                        </div>
                        <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9" >
                             <span class="switch switch-on" id="isEnable" themeColor="#3498db"></span>
                        </div>
                    </div>
                    <div class="account-setting-box">
                        <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3 text-r font">
                             是否认证：
                        </div>
                        <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9" >
                             <span class="switch switch-on" id="isAuth" themeColor="#3498db"></span>
                        </div>
                    </div>
                    <div class="account-setting-box" style="margin-top:30px!important;">
                        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-offset-3 ">
                            <input style="padding:0 20px;" class="btn btn-primary radius mr-50" type="button" id="btn_submit" value="提 交">
                            <input style="padding:0 20px;" class="btn btn-default radius " type="button" id="btn_cancel" value="取 消">
                        </div>
                    </div>
                </div>
            </div>

        </article>
        <!--footer-->
        @@include('./widget/footer.html')
        <!--/footer-->
    </div>
</section>

<!--script 公用脚本-->
@@include('./widget/script.html')
<!--/script 公用脚本-->
<!--请在下方写此页面业务相关的脚本-->
<script src="./js/user-list-edit.js"></script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>